<template>
	<div class="foot">
		<!-- <router-link to="/">
			<ul>
				<li>
					<img src="../../../../public/igs/1_1.png" >
					<p>首页</p>
				</li>
				<li>
					<img src="../../../../public/igs/2_2.png" >
					<p>订单</p>
				</li>
				<li>
					<img src="../../../../public/igs/3_3.png" >
					<p>个人中心</p>
				</li>
			</ul>
		</router-link> -->
	</div>
</template>

<script>
	export default{
		name:'Foot',
		
	}
</script>

<style scoped>
	/* a{
		text-decoration: none;
	}
	.foot{
		width: 100%;
		height: 1.5rem;
		background-color: white;
		position: fixed;
		bottom: 0;
		z-index: 9999;
	}
	.foot ul{
		width: 100%;
		height: 1.5rem;
		display: flex;
		align-items: center;
		text-align: center;
		
		justify-content: space-between;
	}
	.foot ul li{
		width: 30%;
		height: 1.5rem;
	}
	.foot ul li img{
		width: 24%;
		height: 0.72rem;
		background-size: 100%;
		padding-top: 0.22rem;
		padding-bottom: 0.03rem;
	}
	.foot ul li:nth-child(2) img{
		width: 19%;
		height: 0.56rem;
		background-size: 100%;
		padding-bottom: 0.18rem;
	}
	.foot ul li:nth-child(3) img{
		width: 24%;
		height: 0.56rem;
		background-size: 100%;
		padding-bottom: 0.18rem;
	} */
</style>
